<template>
  <router-view/>
</template>
<script lang="ts">
export default {
}
</script>
<style lang="scss">
$shadow: 0 2px 10px 0 rgb(0, 0, 0, 0.1); // 阴影
#app {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f6f8f9;
}
.container {
  width: 98%;
  margin: 0 auto;
}
/**.header
  页面头部
*/
.header {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.header > * {
  margin-left:10px;
}
/**.content
  页面内容
*/
.content {
  margin-top: 20px;
  width: 100%;
}
/**.model
  内容块
*/
.model {
  overflow: hidden;
}
/**.model_head
  内容块标题部分
 */
.model_head {
  background: #444;
  display: flex;
  padding: 10px;
  justify-content: space-between;
  color: #fff;
}

/**.model_head
  内容块内容部分
 */
.model_content{
  padding: 30px 10px;
  background: rgb(244, 243, 243);
  box-shadow: $shadow;
  margin-bottom: 20px;
}
</style>
